.spin {
  max-height: none !important;
}

.form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.modalFormBox {
  &:global {
    &.ant-form-inline .ant-form-item {
      margin-right: 0;
    }
  }
}

.formItem {
  :global(.ant-form-item-children) {
    & > button:not(:first-child) {
      margin-left: 10px;
    }
  }
}

.textArea p {
  text-align: right;
  font-size: 12px;
  line-height: 1;
  padding-right: 3px;
}

.table {
  width: 100%;

  th,
  td {
    white-space: nowrap;
  }
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.menuNav {
  height: 100%;
  overflow: hidden auto;

  // 滚动块高宽
  &::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  // 滑动块
  &::-webkit-scrollbar-thumb {
    background: #a5a5a5;
  }
  // 轨道
  &::-webkit-scrollbar-track {
    background: #e8e8e8;
  }
}

.box {
  overflow: auto;
  padding: 20px 16px;

  :global {
    .ant-spin-nested-loading > div > .ant-spin {
      max-height: none;
    }
  }
}

.boxItem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 24px;

  &:not(:last-child) {
    margin-bottom: 16px;
  }

  .title {
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.pageHeader {
  width: 100%;
  padding: 0;

  :global {
    .ant-page-header-title-view-extra {
      top: 0;
      right: 0;
    }

    .ant-page-header-content-view {
      margin: 10px 0;
    }
  }
}
